<template>
  <div class="flex justify-center items-center h-screen">
    <div class="">
      <t-result>
        <template #image>
          <t-image src="https://tdesign.gtimg.com/mobile/demos/result1.png" class="external-class-image" />
        </template>
        <template #title>
          <div>404</div>
        </template>
        <template #description>
          <div>开小差了</div>
        </template>
      </t-result>
      <div class="row">
        <t-button theme="primary" type="submit" block size="large" @click="backTo">首页</t-button>
      </div>
    </div>
  </div>


</template>
<script lang="ts" setup>
const router = useRouter();
const backTo = () => {
// 删除路由重新跳转
  router.replace('/base/home/index');
}
</script>
<style>
.external-class-image {
  width: 108px;
}

.row {
  padding: 0 16px;
  width: 100vw;
  margin: 16px 0;
}
</style>
